/**
 * @file
 * Styling of the webmaster dropdown menu
 */

.webmaster-menu {
  background-color: #622;
  height: 30px;
  padding-left: 9px;
  padding-right: 15px;
}

.webmaster-menu ul.menu {
  margin: 0;
  padding: 0;
}

.webmaster-menu ul.menu li,
.webmaster-menu ul.menu li.expanded {
  float: left;
  margin: 0;
  padding: 0;
}

.webmaster-menu ul.menu li,
.webmaster-menu ul.menu li.expanded {
  background-image: none;
  list-style: none;
  list-style-image: none;
  list-style-type: none;
}

.webmaster-menu ul.menu li.expanded li.expanded > a {
  background-image: url(img/nav_white.gif);
  background-position: right center;
  background-repeat: no-repeat;
}

.webmaster-menu ul.menu li:hover ul.menu {
  height: 10px;
  position: absolute;
  width: auto;
  z-index: 7000;
}

.webmaster-menu ul.menu li ul li {
  background-color: #444;
  display: none;
  width: 160px; /* Width to help Opera out */
}

.webmaster-menu ul.menu a {
  color: #fff;
  display: block;
  margin: 0;
  text-decoration: none;
}

.webmaster-menu ul.menu li a {
  line-height: 22px;
  padding: 4px 6px 4px 7px;
}

.webmaster-menu ul.menu li li a {
  line-height: 15px;
  padding: 6px 10px 6px 11px;
}

.webmaster-menu li:hover ul ul,
.webmaster-menu li:hover ul ul ul,
.webmaster-menu li:hover ul ul ul ul,
.webmaster-menu li:hover ul ul ul ul ul {
  display: none;
  left: -999em;
}

/* Lists nested under hovered list items */
.webmaster-menu li:hover ul,
.webmaster-menu li li:hover ul,
.webmaster-menu li li li:hover ul,
.webmaster-menu li li li li:hover ul,
.webmaster-menu li li li li li:hover ul {
  display: block;
  left: auto;
}

.webmaster-menu ul.menu li:hover li {
  border-bottom: 1px solid #333;
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 160px;
}

/* items - hover */
.webmaster-menu ul.menu > li:hover > a {
  -moz-border-radius: 11px; /* For Firefox */
  -webkit-border-radius: 11px;  /* For Chrome/Safari */
  background-color: #966;
  border-radius: 11px; /* W3C */
}

/* Reset round corners for submenu items  */
.webmaster-menu ul.menu > li:hover > ul.menu a {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.webmaster-menu ul.menu li:hover ul {
  height: auto;
}

.webmaster-menu ul.menu li li.first a {
  text-align: left;
  width: auto;
}

.webmaster-menu ul.menu li:hover ul li ul {
  margin-left: 160px;
  top: 0px;
}

.webmaster-menu ul.menu li.home > a {
  background-image: url(img/home.png);
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 20px;
}

.webmaster-menu ul.menu li.logout {
  float: right;
}
